textarea { -webkit-appearance: none;}
html,body{
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:
    'Microsoft Yahei',
    '微软雅黑',
    'Source Sans Pro',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    sans-serif;
    word-spacing: 1px;
}
:root {
    --bg-light:#fbfbfb;
    --bg-dark: #000;
    --color-white: #fff;
    --color-red: #fb2c1e;
    --color-dark: #333;
    --color-base: #666;
    --color-light: #999;
    --font-lg: 16px;
    --font-base: 14px;
    --font-sm: 12px;
}
/*const root = document.querySelector(':root')*/
/*root.setAttribute('style', '--bg-light: #e74c3c');*/
.border,
.border-bottom,
.border-left,
.border-right,
.border-top,
.border-top-bottom {
  border-style: solid;
  border-color: #dcdcdc;
}
.border-top {
  border-top-width: 1px;
}
.border-left {
  border-left-width: 1px;
}
.border-right {
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-width: 1px;
}
.border {
  border-width: 1px;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.row{
  flex-direction: row;
}
.column{
  flex-direction: column;
}
.wrap{
  flex-wrap: wrap;
}
.nowrap{
  flex-wrap: nowrap;
}
.full{
  flex: 1;
}
.j-space-between{
  justify-content: space-between;
}
.j-space-around{
  justify-content: space-around;
}
.j-space-evenly{
  justify-content: space-evenly;
}
.j-flex-start{
  justify-content: flex-start;
}
.j-flex-end{
  justify-content: flex-end;
}
.j-center{
  justify-content: center;
}
.center{
  align-items: center;
  justify-content: center;
}
.a-center {
  align-items: center;
}
.a-flex-start{
  align-items: flex-start;
}
.a-flex-end{
  align-items: flex-end;
}
img{
  display: block;
  width: 100%;
}
.line2{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-red{
  color: var(--color-red);
}
.text-white{
  color: var(--color-white);
}
.text-dark{
  color: var(--color-dark);
}
.text-base{
  color: var(--color-base);
}
.text-light{
  color: var(--color-light);
}
.text-center{
  text-align: center;
}
.bg-white{
  background-color: var(--color-white);
}
.bg-light{
  background-color: var(--bg-light);
}
.bold{
  font-weight: 700;
}
.no-bold{
  font-weight: 500;
}
.font-lg{
  font-size: var(--font-lg);
}
.font-base{
  font-size: var(--font-base);
}
.font-sm{
  font-size: var(--font-sm);
}
